import React, { Component } from 'react';
import { connect } from 'react-redux';
import Link from './link';
import './index.less';
const callLinkData = {
	"logDetailLists": [
		{
			"startTime": 201901010900421000,
			"endTime": 201901010900521000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "21",
			"spanName": "span名称20",
			"service": "所属服务21",
			"errorcode": 3
		},
		{
			"startTime": 201901010900491000,
			"endTime": 201901010900521000,
			"duration": 100000,
			"traceId": "日志分析cw_30",
			"spanId": "31",
			"spanName": "span名称30",
			"service": "所属服务31",
			"errorcode": 2
		},
		{
			"startTime": 201901010900421000,
			"endTime": 201901010900510980,
			"duration": 100000,
			"traceId": "日志分析cw_33",
			"spanId": "33",
			"spanName": "span名称33",
			"service": "所属服务33",
			"errorcode": 1
		},
		{
			"startTime": 201901010900441000,
			"endTime": 201901010900490980,
			"duration": 100000,
			"traceId": "日志分析cw_35",
			"spanId": "35",
			"spanName": "span名称35",
			"service": "所属服务35",
			"errorcode": 2
		},
		{
			"startTime": 201901010900421000,
			"endTime": 201901010900521000,
			"duration": 100000,
			"traceId": "日志分析cw_31",
			"spanId": "32",
			"parentspanId": "31",
			"spanName": "span名称31",
			"service": "所属服务32",
			"errorcode": 2
		},
		{
			"startTime": 201901010900421000,
			"endTime": 201901010900521000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "22",
			"spanName": "span名称21",
			"parentspanId": "21",
			"service": "所属服务22",
			"errorcode": 3
		},
		{
			"startTime": 201901010900422000,
			"endTime": 201901010900522000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "23",
			"spanName": "span名称22",
			"parentspanId": "22",
			"service": "所属服务23",
			"errorcode": 2
		},
		{
			"startTime": 201901010900423000,
			"endTime": 201901010900523000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "24",
			"spanName": "span名称23",
			"parentspanId": "23",
			"service": "所属服务24",
			"errorcode": 3
		},
		{
			"startTime": 201901010900424000,
			"endTime": 201901010900524000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "25",
			"spanName": "span名称24",
			"parentspanId": "24",
			"service": "所属服务25",
			"errorcode": 3
		},
		{
			"startTime": 201901010900425000,
			"endTime": 201901010900525000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "26",
			"spanName": "span名称25",
			"parentspanId": "25",
			"service": "所属服务26",
			"errorcode": 1
		},
		{
			"startTime": 201901010900426000,
			"endTime": 201901010900526000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "27",
			"spanName": "span名称26",
			"parentspanId": "26",
			"service": "所属服务27",
			"errorcode": 1
		},
		{
			"startTime": 201901010900427000,
			"endTime": 201901010900527000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "28",
			"spanName": "span名称27",
			"parentspanId": "27",
			"service": "所属服务28",
			"errorcode": 1
		},
		{
			"startTime": 201901010900428000,
			"endTime": 201901010900528000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "29",
			"spanName": "span名称28",
			"parentspanId": "28",
			"service": "所属服务29",
			"errorcode": 1
		},
		{
			"startTime": 201901010900429000,
			"endTime": 201901010900529000,
			"duration": 100000,
			"traceId": "日志分析cw_20",
			"spanId": "30",
			"spanName": "span名称29",
			"parentspanId": "29",
			"service": "所属服务30",
			"errorcode": 1
		}
	],
	"serverNumber": 10,
	"spanIdNumber": 10,
	"oneRequestStartTime": 201901010900420000,
	"oneRequestDuration": 109000

}
class LogDetails extends Component {
	render() {
		return (
			<div className='call-link'>
				<Link data={callLinkData} details={{}} getLinkDetails={()=>{
					//...
				}} />
			</div>
		)
	}
}